* {
	margin: 0 auto;
	padding: 0;
}

ul,
li,
ol {
	list-style: none;
}

a {
	text-decoration: none;
}

html {
	font-family: Arial, Verdana, Sans-serif;
}

body,html {
	height: 100%;
	margin:0;
	padding: 0;
}
#app{
	height:100%;
	position:relative;
	/*display: flex;*/
}
.header{
	position: absolute;
	top:0;
	left:0;
	right:0;
	height:1.46875rem;
	background: #ffd600;
	display: flex;
}
.erma{
	/*width:.9rem;*/
	font-size: .20312rem;
	padding: .25rem;
	text-align: center;
}
.erma img{
	height:.6524rem;
	width:.6524rem;
}
.erma span{
	display: block;
	width:100%;
}

.title{
	flex-grow: 1;
	font-size: .46875rem;
	display: flex;
	align-items: center;
	
}
.title span{
	position: relative;
}
.title span:after{
	content: "";
	display: inline-block;
	border: solid .1875rem;
	border-top:solid .3rem ;
	border-color: black transparent transparent transparent;
	position: absolute;
	top:30%;
	right:-20%;
}
.sousuo{
	font-size: .20312rem;
	padding: .25rem;
	text-align: center;
}
.sousuo span{
	display: block;
	width:100%;
}
.sousuo img{
	height:.6524rem;
}
.body{
	position: absolute;
	top:1.46875rem;
	bottom:1.46875rem;
	width:100%;
	overflow-y:scroll;
}
.s_img{
	display: block;
	width: 100%;
}
.s_img img{
	display: block;
	width:100%;
	height:3.75rem;
	
}
.line{
	width:100%;
	height:0.3125rem;
	background: #efefef;
}
.list{
	width:100%;
	border-bottom: solid 1px #e0e0e0;
}
.list ul{
	width: 100%;
	height:4.90625rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.list ul>li{
	width:25%;
	margin-top: 0.3rem;
}
.list_img{
	width:1.85rem;
}
.list_img img{
	width:100%;
}
.list_text{
	font-size: 0.34375rem;
	text-align: center;
	color: #353d44;
}
.headlines{
	height:1rem;
}
.three{
	height:4.421875rem;
	display: flex;
	align-items: center;
}
.three div{
	text-align: center;
}
.three div:nth-child(2){
	width:33.333%;
	border-left: solid 2px #e0e0e0;
	border-right: solid 2px #e0e0e0;
}

.t_money{
	color:#9e9e9e;
	font-size: 0.3125rem;
}
.t_name1{
	color: #6acde9;
	font-size: 0.40625rem;
}
.t_name2{
	color: #fcc417;
	font-size: 0.40625rem;
}
.t_name3{
	color: #fcc417;
	font-size: 0.40625rem;
}
.three img{
	display: block;
	width:2.703125rem;
	height:2.578125rem
}
.four{
	width: 100%;
	height:4.0625rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.four_in{
	display: flex;
	width:50%;
}
.four_img{
	width:2.109375rem;
}
.four_img img{
	width:100%;
}
.f_name{
	font-size: 0.375rem;
}
.f_money1,.f_money4{
	font-size: 0.3125rem;
	color: #fd7c79;
}
.f_money2,.f_money3{
	font-size: 0.3125rem;
	color: #ffa23b;
}
.headlines{
	display: flex;
	align-items: center;
}
.h_left{
	margin:0.21875rem;
	width:3.296875rem;
	display: flex;
	align-items: center;
}
.headlines img{
	height:0.546875rem;
}
.vertical{
	display: inline-block;
	width:0.046875rem;
	height:0.703125rem;
	background: #e0e0e0;
}
.headlines .right{
	flex-grow: 1;
	width:5.25rem;
	font-size: 0.3125rem;
	color: #999999;
}
.fruit{
	width:100%;
	height:9.875rem;
}
.fruit_head{
	height:1.25rem;
	width:95.8%;
	display: flex;
	align-items: center;
}
.left_orange{
	width:0.25rem;
	height:0.5rem;
	background: #f38631;
}
.fruit_title{
	color:#f38631;
	font-size: 0.390625rem;
	width:73%;
	flex-grow: 1;
	margin-left: 0.203125rem;
}
.fruit_more{
	font-size: 0.1875rem;
	color: #999999;
	margin-right:0.3125rem;
}
.fruit_head img{
	height:0.3125rem;
}
.fruit_im{
	width:95.8%;
	height:2.34375rem;
}
.fruit_im>img{
	height:100%;
	width:100%;
}
.fruit_three{
	width:100%;
	height:6.25rem;
	display: flex;
	align-items: center;
	text-align: center;
}
.fruit_t_in{
	height:5.625rem;
	display: flex;
	align-items: center;
	flex-direction:column;
	justify-content: center;
}
.fruit_three .fruit_t_in:nth-child(2){
	width:33.33%;
	border-left:solid 0.03125rem #e0e0e0;
	border-right:solid 0.03125rem #e0e0e0;
}
.fruit_t_in>img{
	width:2.421875rem;
	height: 2.421875rem;
	padding: 0.13rem;
}
.three_f_name{
	font-size: 0.359375rem;
	padding: 0.13rem;
}
.selected{
	text-align: left;
	height:0.4375rem;
	width:2.8rem;
	padding: 0.13rem;
}
.sle_img1,.sle_img2{
	height:100%;
	margin-right: 0.14rem;
}
.money_gray{
	color:#999999;
	font-size: 0.25rem;
	text-align: left;
	width: 2.8rem;
	padding: 0.13rem;
}
.money_bottom{
	font-size: 0.25rem;
	text-align: left;
	width: 2.8rem;
	padding: 0.13rem;
}
.money_bottom span:nth-child(1){
	color:#ff4300;
}
.money_bottom span:nth-child(2){
	color:#999999;
}
.market_inner{
	width:100%;
	position: absolute;
	top:1.46875rem;
	bottom:1.46875rem;
	display: flex;
}

.mar_left{
	width:21%;
	position: relative;
	margin-right: 4%;
	background: #f8f8f8;
	top:0;
	bottom:0;
	font-size: 0.3125rem;
	color: #777777;
}
.left_body{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right:0;
	width:100%;
	overflow-y: scroll;
}
.left_body>div{
	width:100%;
	height:1.25rem;
	line-height: 1.25rem;
	text-align: center;
	border-bottom: solid 0.03125rem #e0e0e0;
}




.slide{
	width: 100%;
	height: auto;
}
.swiper-slide img{
	width: 100%;
	height: auto;
}
.mar_right{
	width:75%;
	position: relative;
	top:0;
	bottom:0;
}
.market_head{
	position: absolute;
	top:0;
	left: 0;
	right:0;
	height:1.25rem;
	border-bottom: solid 0.03125rem #e0e0e0;
	display: flex;
	align-items: center;
}
.market_head>div{
	display: flex;
	align-items: center;
	font-size: 0.3125rem;
	color: #777777;
}
.mar_line{
	width:0.015625rem;
	height:0.5625rem;
	background: #777777;
}
.right_body{
	position: absolute;
	top:1.25rem;
	bottom: 0;
	left: 0;
	right:0;
	width:100%;
	overflow-y: scroll;
}
.right_body>div{
	width:100%;
	height:2.765625rem;
	border-bottom: solid 0.03125rem #e0e0e0;
	display: flex;
}
.right_body_img{
	width:2.734375rem;
	display: flex;
	align-items: center;
}
.right_body_img>img{
	height:2.109375rem;
}
.right_body_text{
	flex-grow:1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.right_body_text>div{
	width:100%;
}
.right_byt_name{
	font-size: 0.34375rem;
}
.right_btext_g{
	color: #999999;
	font-size: 0.25rem;
}
.right_price{
	font-size: 0.25rem;
}
.select{
	border: solid 0.015625rem #ff0000;
	width: 0.8125rem;
	height:100%;
	text-align: center;
	border-radius: 15%;
	float: left;
}
.select>span{
	color:#ff0000;
	font-size: 0.28125rem;
}
.discount{
	width:1.5rem;
	background: #ff0000;
	border-radius: 10%;
	text-align: center;
	float: left;
	margin-left: 0.203125rem;
}
.discount>span{
	color:white;
	font-size: 0.28125rem;
}
.active{
	position:relative;
	line-height: 1.25rem;
}
.active:before{
	content: "";
	display: inline-block;
	width:0.15625rem;
	height:1.09375rem;
	background: #ffd600;
	position: absolute;
	top:0.078125rem;
	left: 0;
}
.m_num{
	position: absolute;
	right:0.34375rem;
	bottom: 0.34375rem;
	display: flex;
	align-items: center;
}
.m_num>div{
	width:0.875rem;
	height:0.875rem;
	display: flex;
	align-items: center;
}
.nums{
	width:0.875rem;
	height:0.875rem;
	border-radius: 50%;
	border: solid 0.015625rem #ffbe89;
	font-size: 0.4375rem;
	color: #ff4300;
}







.footer{
	position:absolute;
	bottom: 0;
	left:0;
	right:0;
	height: 1.5625rem;
	background: rgba(0,0,0,0.2);
}
.footer ul{
	display: flex;
	align-items: center;
	width:100%;
}
.footer>ul>li{
	width:20%;
	text-align: center;
	font-size: 0.375rem;
	color: #8c8c8c;
	margin: 0.2rem;
}
.footer>ul>li>a:link,.footer>ul>li>a:visited{
	color:#8c8c8c;
	text-decoration:none;
	}
.foot_img{
	width:0.578125rem;
}
.foot_img img{
	width:100%;
}
.item1{
	display: none;
}
.item1 img{
	width:100%;
	
}
.active1{
	display: block;
}
